<template>
  <div id="supervisionInformationDetail" v-loading="mainLoading" class="app-container">
    <div class="mainBox">
      <div class="leftBox">
        <div class="leftBox_title">
          {{nowType==1?'踏勘片块信息':nowType==2?'前期片块信息':'初审片块信息'}}
          <!-- {{nowType}} -->
        </div>
        <div class="leftBox_title_sub">
          <div class="leftBox_title_sub_piankuai leftBox_title_sub_text">
            <span>片块名：</span>
            {{mainData?mainData.landName:''}}
          </div>
          <div class="leftBox_title_sub_shijian leftBox_title_sub_text">
            <span>{{nowType==1?'踏勘时间':nowType==2?'测绘时间':'初审时间'}}：</span>
            {{mainData.time}}
          </div>
        </div>
        <div class="checkOut" v-if="nowType==1">
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked">是否符合土地利用规划？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked1">是否符合土地整治规划？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked2">是否符合乡镇建设规划？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked3">坡度是否大于25度？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked4">土地权利人是否自愿申请？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked5">是否与周边农用地相连？</el-checkbox>
          </div>
        </div>

        <div class="checkOut" v-if="nowType==3">
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked6">复垦点坐标是否准确？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked7">1:500测绘成果与实地是否一致？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked8">近远景照片是否真实？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked9">复垦点权利人与图中标注是否一致？</el-checkbox>
          </div>
          <div class="checkOut_item">
            <el-checkbox :disabled="true" v-model="checked10">复垦点地类综合是否合理？</el-checkbox>
          </div>
        </div>
        <div class="leftBox_line"></div>
        <div class="fujianBox">
          <div class="fujianList" v-if="list.length!=0">
            <div class="fujianList_item" v-for="(item,index) in list" :key="index">
              <div class="fujianList_item_left">{{item.name}}</div>
              <div class="fujianList_item_right" @click="seeImg(item,item.id)">查看</div>
            </div>
          </div>
          <div class="fujianList fujianNoData" v-else>暂无数据</div>
        </div>
      </div>
      <div class="rightBox">
        <tdMap
          :zhjgList="zhjgList"
          class="mapBox_right"
          ref="tdMap"
          :pkList="mainDataData"
          :isShowControls="false"
        />
      </div>
    </div>
    <!-- <div class="boxTitle">
      <div class="boxTitle_title">{{mainData.landName}}</div>
      <div class="boxTitle_time">{{typeText}}时间：{{mainData.time}}</div>
      <div class="checkOut" v-if="nowType==1">
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked">是否符合土地利用规划？</el-checkbox>
        </div>
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked1">是否符合土地整治规划？</el-checkbox>
        </div>
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked2">是否符合乡镇建设规划？</el-checkbox>
        </div>
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked3">坡度是否大于25度？</el-checkbox>
        </div>
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked4">土地权利人是否自愿申请？</el-checkbox>
        </div>
        <div class="checkOut_item">
          <el-checkbox :disabled="true" v-model="checked5">是否与周边农用地相连？</el-checkbox>
        </div>
      </div>
    </div>
    <div class="boxItem">
      <div class="boxItem_title">
        <span class="tit">{{nowType==1?'踏勘指界现场位置信息':'前期测绘现场位置信息'}}</span>
      </div>
      <div class="boxItem_content">
        <tdMap style="height: 600px" class="mapBox_right" ref="tdMap" :pkList="mainDataData" :isShowControls="false" />
      </div>
    </div>
    <div class="boxItem">
      <div class="boxItem_title">
        <span class="tit">{{nowType==1?'踏勘指界现场位置信息':'前期测绘方位角信息'}}</span>
      </div>
      <div class="boxItem_content" style="padding-top:30px;" v-if="nowType==1">
        <el-table :header-cell-style="{background:'#f9f9f9',color:'#606266'}" v-loading="listLoading" :data="list" element-loading-text="Loading" border fit highlight-current-row>
          <el-table-column type="index" align="center" label="序号" width="120"></el-table-column>
          <el-table-column label="类型">
            <template slot-scope="scope">{{ scope.row.name }}</template>
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="100">
            <template slot-scope="scope">
              <el-button type="text" @click="seeImg(scope.row, scope.$index)" size="small">查看</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div class="boxItem_content" style="padding-top:30px;" v-if="nowType==2">
        <el-table :header-cell-style="{background:'#f9f9f9',color:'#606266'}" v-loading="listLoading" :data="list" element-loading-text="Loading" border fit highlight-current-row>
          <el-table-column type="index" align="center" label="序号" width="120"></el-table-column>
          <el-table-column label="文件名称">
            <template slot-scope="scope">{{ scope.row.name }}</template>
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="100">
            <template slot-scope="scope">
              <el-button type="text" @click="seeImg(scope.row, scope.$index)" size="small">查看</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>-->
    <el-dialog :close-on-click-modal="false" title="查看图片" :visible.sync="imgShow" :before-close="handleClose" class="imgDaolig">
      <div class="imgBox" style="width:500px;height:500px;margin:0 auto;">
        <img style="width:100%;height:100%;" :src="$https+imgSrc" alt />
      </div>
      <!-- <span slot="footer" class="dialog-footer">
        <el-button @click="imgShow = false">取 消</el-button>
        <el-button type="primary" @click="imgShow = false">确 定</el-button>
      </span>-->
    </el-dialog>

    <el-dialog
      :close-on-click-modal="false"
      title="查看全景图"
      :visible.sync="panoramaPopup"
      class="seeImgBox"
    >
      <div ref="panorama" class="imgBox" style="text-align:center;width:100%;height:500px"></div>
    </el-dialog>

    <el-dialog
      :close-on-click-modal="false"
      :title="title"
      :visible.sync="imgShow1"
      :before-close="handleClose1"
      class="imgDaolig"
    >
      <div class="imgBox" style="width:500px;height:500px;margin:0 auto;" v-if="showImgType1==1">
        <img style="width:100%;height:100%;" :src="$https+imgSrc1" alt />
      </div>
      <div class="imgBox" style="width:700px;height:400px;margin:0 auto;" v-if="showImgType1==2">
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https+imgSrc1"
        ></video>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose1">取 消</el-button>
        <el-button type="primary" @click="handleClose1">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import PhotoSphereViewer from "photo-sphere-viewer";
import "photo-sphere-viewer/dist/photo-sphere-viewer.css";
import {
  supervisingInfo,
  earlySupervisingInfo,
  earlyEnterpriseCheck,
  earlyEnterpriseCheckQianqi,
  getLandStatusMapAuditInfo,
  chushenJianguanDetail,
  chushenJianguan
} from "@/api/siteSurveyEarlyStage";
import mapInit from "@/api/mapConfig";
import tdMap from "@/components/tdMap";
import { selectErlyMultiPolygon } from "@/api/common";
export default {
  components: {
    tdMap
  },
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: "success",
        draft: "gray",
        deleted: "danger"
      };
      return statusMap[status];
    }
  },
  data() {
    return {
      //综合监管信息附件类型切换
      fujianType: 1,

      imgSrc: "",
      imgShow: false,
      imgSrc1: "",
      imgShow1: false,
      mainLoading: false,
      activeName: "1",
      list: [],
      listLoading: false,
      listQuery: {
        page: 1,
        size: 10,
        projectId: 27,
        landId: "",
        applicantName: "",
        startTime: "",
        endTime: ""
      },
      total: 0, //总数
      landId: "", //片块ID
      mainData: "",
      typeText: "现场勘查",
      checked: true, //是否符合土地利用规划
      checked1: true, //是否符合土地整治规划
      checked2: true, //是否符合乡镇建设规划
      checked3: true, //坡度是否大于25度
      checked4: true, //土地权利人是否自愿申请
      checked5: true, //是否与周边农用地相连

      checked6: true, //是否符合土地利用规划
      checked7: true, //是否符合土地整治规划
      checked8: true, //是否符合乡镇建设规划
      checked9: true, //坡度是否大于25度
      checked10: true, //土地权利人是否自愿申请

      nowType: 1,
      mainDataData: [],
      panoramaPopup: false,
      panoramaImg: require("@/assets/panorama.jpg"),
      quanjin: "",
      zhjgList: [],
      vcr: "",
      photo: "",
      title: "",
      showImgType1: 1
    };
  },
  mounted() {
    this.zhjgList.push(JSON.parse(localStorage.getItem("zongheItem")));
    this.landId = this.$route.query.id;
    this.nowType = this.$route.query.type;
    if (this.$route.query.type == 3) {
      this.vcr = this.$route.query.vcr;
      this.photo = this.$route.query.photo;
      this.getOneData();
    }
    this.getDetail();
  },
  methods: {
    //获取列表的一条
    getOneData() {
      var data = {
        landId: this.landId,
        projectId: localStorage.getItem("projectId"),
        page: 1,
        size: 1
      };
      chushenJianguan(data)
        .then(res => {
          this.checked6 =
            res.data.rows[0].ifDonateRight == "YES" ? true : false;
          this.checked7 =
            res.data.rows[0].ifResultRight == "YES" ? true : false;
          this.checked8 = res.data.rows[0].ifPhotoRight == "YES" ? true : false;
          this.checked9 = res.data.rows[0].ifManRight == "YES" ? true : false;
          this.checked10 = res.data.rows[0].ifRight == "YES" ? true : false;
        })
        .catch(error => {});
    },
    //切换附件类型事件
    changeFujianType(type) {
      this.fujianType = type;
      if (type == 3 || type == 4) {
      }
    },

    handleClose() {
      this.imgShow = false;
    },
    handleClose1() {
      this.imgShow1 = false;
    },
    //查看图片
    seeImg(row, id) {
      if (this.nowType == 3) {
        this.imgShow1 = true;
        this.imgSrc1 = row.path;
        this.showImgType1 = row.type;
        if (row.type == 1) {
          this.title = "查看图片";
        } else {
          this.title = "查看视频";
          this.$nextTick(() => {
            var vedio = document.getElementById("showVedio");
            vedio.play();
          });
        }
      } else {
        const that = this;
        if (row != null) {
          if (id != 5) {
            this.imgShow = true;
            this.imgSrc = row.src;
          } else if (id == 5) {
            this.panoramaPopup = true;
            this.quanjin = row.panoramagramFilePath;
            if (!this.$refs.panorama) {
              this.$nextTick(() => {
                PhotoSphereViewer({
                  panorama:
                    this.quanjin == "" || this.quanjin == null
                      ? this.panoramaImg
                      : this.$https + this.quanjin,
                  container: this.$refs.panorama,
                  time_anim: 3000,
                  navbar: true,
                  navbar_style: {
                    backgroundColor: "rgba(58, 67, 77, 0.7)"
                  }
                });
              });
            }
          }
        }
      }
    },
    //获取详情
    getDetail() {
      var data = {
        landId: this.landId
      };

      selectErlyMultiPolygon(data).then(res => {
        let obj = res.data;
        let array = [];
        array.push(obj);
        this.mainDataData = array;
      });
      if (this.nowType == 1) {
        this.typeText = "现场勘查";
        this.mainLoading = true;
        earlyEnterpriseCheck(data)
          .then(res => {
            this.mainLoading = false;
            this.mainData = res.data;

            if (res.data.photo1 != null && res.data.photo1 != "") {
              // var index=res.data.photo1.indexOf(".")
              // var photo1Type=res.data.photo1.substring(index,res.data.photo1.length)
              this.list.push({
                name: "六方指界书",
                src: res.data.photo1,
                flag: true,
                id: 1
              });
            }
            if (res.data.photo2 != null && res.data.photo2 != "") {
              // var index=res.data.photo2.indexOf(".")
              // var photo2Type=res.data.photo2.substring(index,res.data.photo2.length)
              this.list.push({
                name: "六方到场合照",
                src: res.data.photo2,
                flag: true,
                id: 2
              });
            }
            this.checked = res.data.lygh == "YES" ? true : false; //是否符合土地利用规划
            this.checked1 = res.data.zzgh == "YES" ? true : false; //是否符合土地整治规划
            this.checked2 = res.data.xzjsgh == "YES" ? true : false; //是否符合乡镇建设规划
            this.checked3 = res.data.pddy == "YES" ? true : false; //坡度是否大于25度
            this.checked4 = res.data.qlrzysq == "YES" ? true : false; //土地权利人是否自愿申请
            this.checked5 = res.data.zbnyd == "YES" ? true : false; //是否与周边农用地相连

            var shepiArr = [];
            if (res.data.coorDonate != null && res.data.coorDonate != "") {
              shepiArr = res.data.coorDonate.split(",");
            }
            var newArr = [];
            newArr.push(shepiArr);
            this.mainData.coorDonate = newArr;
          })
          .catch(error => {
            this.mainLoading = false;
          });
      } else if (this.nowType == 2) {
        this.typeText = "前期测绘";
        this.mainLoading = true;
        earlyEnterpriseCheckQianqi(data)
          .then(res => {
            this.mainLoading = false;
            this.mainData = res.data;

            if (
              res.data.landPositionOneFilePath != null &&
              res.data.landPositionOneFilePath != ""
            ) {
              // var index=res.data.landPositionOneFilePath.indexOf(".")
              // var landPositionOneFilePathType=res.data.landPositionOneFilePath.substring(index,res.data.landPositionOneFilePath.length)
              this.list.push({
                name: "复垦点方位一照片",
                src: res.data.landPositionOneFilePath,
                id: 1
              });
            }
            if (
              res.data.landPositionTwoFilePath != null &&
              res.data.landPositionTwoFilePath != ""
            ) {
              // var index=res.data.landPositionTwoFilePath.indexOf(".")
              // var landPositionTwoFilePathType=res.data.landPositionTwoFilePath.substring(index,res.data.landPositionTwoFilePath.length)
              this.list.push({
                name: "复垦点方位二照片",
                src: res.data.landPositionTwoFilePath,
                id: 2
              });
            }
            if (
              res.data.landPositionThreeFilePath != null &&
              res.data.landPositionThreeFilePath != ""
            ) {
              // var index=res.data.landPositionThreeFilePath.indexOf(".")
              // var landPositionThreeFilePathType=res.data.landPositionThreeFilePath.substring(index,res.data.landPositionThreeFilePath.length)
              this.list.push({
                name: "复垦点方位三照片",
                src: res.data.landPositionThreeFilePath,
                id: 3
              });
            }
            if (
              res.data.landPositionFourFilePath != null &&
              res.data.landPositionFourFilePath != ""
            ) {
              // var index=res.data.landPositionFourFilePath.indexOf(".")
              // var landPositionFourFilePathType=res.data.landPositionFourFilePath.substring(index,res.data.landPositionFourFilePath.length)
              this.list.push({
                name: "复垦点方位四照片",
                src: res.data.landPositionFourFilePath,
                id: 4
              });
            }
            if (
              res.data.panoramagramFilePath != null &&
              res.data.panoramagramFilePath != ""
            ) {
              // var index=res.data.panoramagramFilePath.indexOf(".")
              // var panoramagramFilePathType=res.data.panoramagramFilePath.substring(index,res.data.panoramagramFilePath.length)
              // this.list.push({ name: "空中全景照片", src: res.data.panoramagramFilePath });
              this.list.unshift({
                name: "空中全景照片",
                src: res.data.panoramagramFilePath,
                id: 5
              });
            }
            if (res.data.trackRecord != null && res.data.trackRecord != "") {
              var shepiArr = JSON.parse(res.data.trackRecord);
              var newArr = [];
              shepiArr[0].locationList.forEach(item => {
                var arrItem = [];
                arrItem[0] = item.longitude;
                arrItem[1] = item.latitude;

                newArr.push(arrItem);
              });

              this.mainData.coorDonate = newArr;
            }
          })
          .catch(error => {
            this.mainLoading = false;
          });
      } else if (this.nowType == 3) {
        this.typeText = "初审信息";
        this.mainLoading = true;
        var chushenData = {
          // landId:this.landId,
          page: 1,
          size: 10,
          photo: this.photo,
          vcr: this.vcr
          // landId:2,
        };
        chushenJianguanDetail(chushenData)
          .then(res => {
            this.mainLoading = false;
            var imageGeShi = [
              "bmp",
              "pcx",
              "png",
              "jpg",
              "jpeg",
              "gif",
              "tiff"
            ];
            var videoGeShi = [
              "mp4",
              "avi",
              "flv",
              "rmvb",
              "mkv",
              "gif",
              "mov",
              "rm",
              "3gp"
            ];
            var mainList = [];
            var mainList1 = [];
            res.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList.push({
                    name: "初审照片",
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  });
                }
              });
            });
            res.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList1.push({
                    name: "初审视频",
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  });
                }
              });
            });
            //名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });

            this.list = mainList.concat(mainList1);
          })
          .catch(error => {
            this.mainLoading = false;
          });
      }
    }
  }
};
</script>
<style lang="scss" scoped>
#supervisionInformationDetail {
  padding: 30px 40px;
  box-sizing: border-box;
  /* padding-left: 130px;
  padding-right: 100px; */
}
#supervisionInformationDetail .boxItem {
  width: 100%;
  background-color: #fff;
}
#supervisionInformationDetail .boxItem_title {
  width: 100%;
  background: #f8f8f8;
  height: 50px;
  border: 1px solid #efefef;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-indent: 20px;
  line-height: 50px;
}
#supervisionInformationDetail .boxItem_content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}
#supervisionInformationDetail .boxItem_content .mapBox_right {
  width: 950px;
  height: 600px;
  margin-top: 30px;
}
#supervisionInformationDetail .boxItem_content_row {
  display: flex;
  align-items: center;
}
#supervisionInformationDetail .boxItem_content_row_item {
  display: flex;
  align-items: center;
}
#supervisionInformationDetail .boxItem_content_row_item {
  margin-right: 30px;
}
#supervisionInformationDetail .boxItem_content_row_item p {
  font-size: 14px;
  line-height: 36px;
}
#supervisionInformationDetail .boxItem_content_row_item p:first-child {
  color: #444;
  font-weight: bold;
}
#supervisionInformationDetail .boxItem_content_row_item p:last-child {
  color: #666;
}
#supervisionInformationDetail .uploadDownLoadBox_item p {
  width: 140px;
}
#supervisionInformationDetail .button_box {
  margin-top: 30px;
}
#supervisionInformationDetail .button_box_item {
  margin-right: 10px;
}
#supervisionInformationDetail .errorBox /deep/ .el-dialog {
  width: 800px;
}
#supervisionInformationDetail .piankuaixinxi .title {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid #ebeef5;
  border-bottom: none;
  border-top: none;
}
#supervisionInformationDetail .piankuaixinxi .title1 {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid #ebeef5;
  border-bottom: none;
}
#supervisionInformationDetail .boxTitle {
  margin-bottom: 30px;
}
#supervisionInformationDetail .boxTitle .boxTitle_title {
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
}
#supervisionInformationDetail .boxTitle_time {
  font-size: 14px;
  color: #999;
  margin-top: 20px;
  margin-bottom: 30px;
}
#supervisionInformationDetail .checkOut_item {
  margin-bottom: 10px;
}
#supervisionInformationDetail
  /deep/
  .el-checkbox__input.is-disabled
  + span.el-checkbox__label {
  border-color: #409eff;
}
#supervisionInformationDetail
  /deep/
  .el-checkbox__input.is-disabled.is-checked
  .el-checkbox__inner {
  border-color: #409eff;
  background-color: #409eff;
}
#supervisionInformationDetail
  /deep/
  .el-checkbox__input.is-disabled.is-checked
  .el-checkbox__inner::after {
  border-color: #fff;
}
#supervisionInformationDetail
  /deep/
  .el-checkbox__input.is-disabled
  + span.el-checkbox__label {
  color: #12203e;
}

.mainBox {
  width: 100%;
  display: flex;
  height: calc(100vh - 174px);
}
.leftBox {
  width: 30%;
  margin-right: 5%;
}
.leftBox_title {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.leftBox_title_sub {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.leftBox_title_sub .leftBox_title_sub_piankuai {
  margin-right: 40px;
}
.leftBox_title_sub .leftBox_title_sub_text {
  color: #595959;
  font-size: 14px;
}
.leftBox_title_sub_text span {
  color: #737373;
}
.leftBox_line {
  height: 1px;
  background: rgba(235, 238, 245, 1);
  opacity: 1;
  margin-top: 30px;
  margin-bottom: 14px;
}
.fujianBox_tabs {
  display: flex;
  align-items: center;
}
.fujianBox_tabs_item {
  width: 60px;
  height: 28px;
  background: #f0f3f5;
  opacity: 1;
  border-radius: 2px;
  color: #696969;
  font-size: 14px;
  margin-right: 8px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}
.fujianBox_tabs_item.on {
  background: #409eff;
  color: #fff;
}
.fujianList {
  margin-top: 14px;
}
.fujianList_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 56px;
  line-height: 56px;
}
.fujianList_item .fujianList_item_left {
  color: #606266;
  font-size: 14px;
}
.fujianList_item .fujianList_item_right {
  color: #409eff;
  font-size: 14px;
  cursor: pointer;
}
.rightBox {
  width: 70%;
}
.fujianNoData {
  text-align: center;
  margin-top: 50px;
  letter-spacing: 8px;
  color: #696969;
}
</style>
